<ion-view view-title="订单" name="login-view">
  <ion-nav-bar class="item-customer-bg-darkred" align-title="center">
    <ion-nav-back-button class="button-clear">
      <i class="ion-arrow-left-c font_arrow"></i>
    </ion-nav-back-button>
    <!--<ion-nav-buttons side="right">-->
    <!--<button class="button button-clear icon ion-android-more-vertical"></button>-->
    <!--</ion-nav-buttons>-->
  </ion-nav-bar>

  <div class="tabs-striped tabs-top  tabs-background-stable">
    <div class="tabs">
      <!--<a class="tab-item" ng-click="selectTab('tab-1')">-->
      <!--绑定工号-->
      <!--</a>-->
      <a class="tab-item" ng-click="selectTab('tab-1')">
        订单查询
      </a>
      <a class="tab-item" ng-click="selectTab('tab-2')">
        固网订单查询
      </a>
    </div>
  </div>

  <ion-content>
    <div class="content has-header" ng-show="showTab=='tab-1'">
      <div class="list list-inset">
        <div class="item item-input item-select">
          <div class="font_info3 col col-25">订单类型</div>
          <div class="font_info2 col col-75" ng-click="openddlx($event)"><input class="ywkh_input" type="text" ng-model="orderTypeName" readonly/></div>
        </div>
        <div class="item item-input item-select">
          <div class="font_info3 col col-25">订单状态</div>
          <div class="font_info2 col col-75" ng-click="openddzt($event)"><input class="ywkh_input" type="text" ng-model="orderStatusName" readonly/></div>
        </div>
        <label class="item item-input item-select" ng-click="openStartCalendar()">
          <div class="font_info2 col col-25">开始时间</div>
          <input class="ywkh_input" style="text-align: right" type="text" ng-model="params.orderQueryParams.createBeginTime" readonly/>
        </label>
        <label class="item item-input item-select" ng-click="openEndCalendar()">
          <div class="font_info2 col col-25">结束时间</div>
          <input class="ywkh_input" style="text-align: right" type="text" ng-model="params.orderQueryParams.createEndTime" readonly/>
        </label>
        <div class="item item-input">
          <div class="font_info3 col col-25">查询号码</div>
          <div class="font_info2 col col-75"><input class="ywkh_input" ng-model="params.orderQueryParams.serialNumber" type="text"/></div>
        </div>
      </div>
      <div class="list list-inset">
        <!--       <button ng-disabled="myForm.queryNum.$pristine || myForm.queryNum.$invalid" class="button button-full button-red-dark-cust" ng-click="doQuery()">查询</button> -->
        <button class="button button-full button-orange-dark-cust" ng-click="doQuery()">查询</button>
      </div>



    </div>
    <div class="content has-header" ng-show="showTab=='tab-2'">
      <div class="list list-inset">
        <!--<div class="item item-input item-select">-->
          <!--<div class="font_info3 col col-25">订单类型</div>-->
          <!--<div class="font_info2 col col-75" ng-click="openddlx($event)"><input class="ywkh_input" type="text" ng-model="orderTypeName" readonly/></div>-->
        <!--</div>-->
        <!--<div class="item item-input item-select">-->
          <!--<div class="font_info3 col col-25">订单状态</div>-->
          <!--<div class="font_info2 col col-75" ng-click="openddzt($event)"><input class="ywkh_input" type="text" ng-model="orderStatusName" readonly/></div>-->
        <!--</div>-->
        <!--<label class="item item-input item-select" ng-click="openStartCalendar()">-->
          <!--<div class="font_info2 col col-25">开始时间</div>-->
          <!--<input class="ywkh_input" style="text-align: right" type="text" ng-model="params.orderQueryParams.createBeginTime" readonly/>-->
        <!--</label>-->
        <!--<label class="item item-input item-select" ng-click="openEndCalendar()">-->
          <!--<div class="font_info2 col col-25">结束时间</div>-->
          <!--<input class="ywkh_input" style="text-align: right" type="text" ng-model="params.orderQueryParams.createEndTime" readonly/>-->
        <!--</label>-->
        <div class="item item-input">
          <div class="font_info3 col col-25">预订单编号：</div>
          <div class="font_info2 col col-75"><input class="ywkh_input" ng-model="params.gworderQueryParams.preOrderId" type="text"/></div>
        </div>
        <div class="item item-input">
          <div class="font_info3 col col-25">身份证号：</div>
          <div class="font_info2 col col-75"><input class="ywkh_input" ng-model="params.gworderQueryParams.psptId"  type="text"/></div>
        </div>
        <div class="item item-input item-select">
          <div class="font_info3 col col-25">订单状态</div>
          <div class="font_info2 col col-75" ng-click="opengwddzt($event)"><input class="ywkh_input" type="text" ng-model="gworderStatusName" readonly/></div>
        </div>

        <div class="item item-input item-select" ng-click="openStartCalendar()">
          <div class="font_info2 col col-25">开始时间</div>
          <input class="ywkh_input" style="text-align: right" type="text" ng-model="params.gworderQueryParams.createBeginTime" readonly/>
        </div>
        <div class="item item-input item-select" ng-click="openEndCalendar()">
          <div class="font_info2 col col-25">结束时间</div>
          <input class="ywkh_input" style="text-align: right" type="text" ng-model="params.gworderQueryParams.createEndTime" readonly/>
        </div>
      </div>
      <div class="list list-inset">
        <!--       <button ng-disabled="myForm.queryNum.$pristine || myForm.queryNum.$invalid" class="button button-full button-red-dark-cust" ng-click="doQuery()">查询</button> -->
        <button class="button button-full button-orange-dark-cust" ng-click="doGwQuery()">查询</button>
      </div>
    </div>

  </ion-content>
</ion-view>

<!--订单类型浮动框-->
<script id="ddlx.html" type="text/ng-template">
  <ion-popover-view class="ywkh_pop">
    <ion-header-bar class="pop_header">
      <p>订单类型</p>
    </ion-header-bar>
    <ion-content scrollbar-y="false" class="pop_content">
      <div class="list list-inset">
        <div class="item item-input pop_div" ng-repeat="item in params.OrderType.data" ng-click="closeddlx(item)" on-touch="color($index)" ng-class="{'scolor':$index==colorindex}">
          <p class="pop_p">{{item.dataName}}</p>
        </div>
      </div>
    </ion-content>
  </ion-popover-view>
</script>
<!--订单状态浮动框-->
<script id="ddzt.html" type="text/ng-template">
  <ion-popover-view class="ywkh_pop">
    <ion-header-bar class="pop_header">
      <p>订单状态</p>
    </ion-header-bar>
    <ion-content scrollbar-y="false" class="pop_content">
      <div class="list list-inset">
        <div class="item item-input pop_div" ng-repeat="item in params.OrderState.data" ng-click="closeddzt(item)" on-touch="color($index)" ng-class="{'scolor':$index==colorindex}">
          <p class="pop_p">{{item.dataName}}</p>
        </div>
      </div>
    </ion-content>
  </ion-popover-view>
</script>
<!--固网预受理查询订单状态浮动框-->
<script id="gwddzt.html" type="text/ng-template">
  <ion-popover-view class="ywkh_pop">
    <ion-header-bar class="pop_header">
      <p>订单状态</p>
    </ion-header-bar>
    <ion-content scrollbar-y="false" class="pop_content">
      <div class="list list-inset">
        <div class="item item-input pop_div" ng-repeat="item in params.gworderStatus" ng-click="closegwddzt(item)" on-touch="color($index)" ng-class="{'scolor':$index==colorindex}">
          <p class="pop_p">{{item.typeName}}</p>
        </div>
      </div>
    </ion-content>
  </ion-popover-view>
</script>
